<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Review</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="../images/favicon.ico" />
<link rel="stylesheet" href="../css/booking.css">
<link rel="stylesheet" href="../css/stuck.css">
<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet" href="../css/jquery-labelauty.css">
<style>
	ul { list-style-type: none;}
	li { display: inline-block;}
	li { margin: 10px 0;}
	input.labelauty + label { font: 12px "Microsoft Yahei";}
	</style>
<!--search css-->
<link rel="stylesheet" type="text/css" href="../css/search/normalize.css" />
<link rel="stylesheet" href="../css/search/font-awesome.min.css">
<link rel="stylesheet" href="../css/search/style3.css">
    <link rel="stylesheet" href="../css/ssi-uploader.min.css" />
<style type="text/css">
  .emoji1{color: #f62459}
  .emoji2{color: #e4664f}
  .emoji3{color: #70458c}
  .emoji4{color: #2c3e50}
  .emoji5{color: #cf000f}
</style>

<!--upload-->
<style>
		.fileinput-button {
				position: relative;
				display: inline-block;
				overflow: hidden;
				font-size:16px;
				text-align:center;
				width:120px;
				height:25px;
				border:0;
				background-color:#4fa2e6;
				color:white;
		}

		.fileinput-button input{
				position:absolute;
				right: 0px;
				top: 0px;
				opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
				font-size: 200px;
		}
</style>

<script src="../js/jquery.js"></script>
<script src="../js/jquery-migrate-1.1.1.js"></script>
<script src="../js/script.js"></script>
<script src="../js/superfish.js"></script>
<script src="../js/jquery.equalheights.js"></script>
<script src="../js/jquery.mobilemenu.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../js/tmStickUp.js"></script>
<script src="../js/jquery.ui.totop.js"></script>
    <!-- 上传图片 -->
    <script src="../js/yummy/ssi-uploader.min.js"></script>

    <!-- layer 控件 -->
    <script src="../js/layer/layer.js"></script>

<script>
 $(document).ready(function(){

  $().UItoTop({ easingType: 'easeOutQuart' });
  $('#stuck_container').tmStickUp({});

  }); 
</script>
</head>

<body>
<!-- PhotoDialog -->
<div class="modal fade" id="myPhotoModal" tabindex="-1" role="dialog"
     aria-labelledby="myPhotoModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">编辑</h4>
            </div>
            <div class="modal-body">

                <div class="form-group">
                    <label for="txt_statu">用户照片</label> <input type="file" multiple
                                                               id="ssi-upload" />
                </div>
            </div>
        </div>
    </div>
</div>
<!--==============================
              header
=================================-->
<header>
		<!--==============================
								Stuck menu
		=================================-->
		<section id="stuck_container">
				<div class="container">
					<div class="row">
						<div class="grid_12">
						<h1>
							<a href="index.html">
								<img style="margin-bottom:10px;" src="../images/logo1.png" alt="Logo alt">
							</a>
						</h1>  
							<div class="navigation">
								<nav>
										<div style="margin-left: 13px;"class="search d1">
												<form>
													<input type="text" placeholder="Search……">
													<button type="submit"></button>
												</form>
												</div>
									 <ul style="margin-left: 90px;margin-bottom:40px;" class="sf-menu">           
									 <li><a href="index.html">Home</a></li>
									 <li class="current"><a href="restaurantGallery.html">Gallery</a></li>
									 <li><a href="index-2.html">Reservation</a></li>
									 <li><a href="contact.html">Contacts</a></li>
									 <li><a data-category="UserAccount" data-toggle="modal" href="#login-modal">Log in | Sign up</a></li>
									 <li><a href="horizontal/information.html">lty</a></li>
								 </ul>
								</nav>        
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
			</section> 
		</header>

<!--=====================
          Content
======================-->

<section class="content"><div class="ic">More Website Templates @ TemplateMonster.com - July 30, 2014!</div>
  <div class="container">
    <div class="row">
      
      <div class="grid_4">
        <h2>McDonald</h2>
        <div class="form_title color1"><br></div>
				
				<div class="htmleaf-content">
						<div style="margin-top:30px;font-size:20px;color:black;">Total：</div>
						<div id="element3" class="emoji5" style="margin-top:-20px;margin-left:150px;"></div>
					</div>
				<div class="htmleaf-content">
						<div style="margin-top:30px;font-size:20px;color:black;">Taste：</div>
						<div id="element2" class="emoji5" style="margin-top:-20px;margin-left:150px;"></div>
					</div>
					<div class="htmleaf-content">
							<div style="margin-top:30px;font-size:20px;color:black;">Service：</div>
							<div id="element4" class="emoji5" style="margin-top:-20px;margin-left:150px;"></div>
						</div>    
						<div class="htmleaf-content">
								<div style="margin-top:30px;font-size:20px;color:black;">Environment：</div>
								<div id="element1" class="emoji5" style="margin-top:-20px;margin-left:150px;"></div>
							</div>
							<div style="margin-top:30px;font-size:20px;color:black;">Like dishes：</div>
							<ul style="margin-top:-30px;margin-left:150px;width:665px;"class="dowebok">
								<li><input type="checkbox" name="checkbox" disabled checked data-labelauty="Burger"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="French fries"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Noodle"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Steak"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Fried chicken"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Burritos"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Cola"></li>								
								<li><input type="checkbox" name="checkbox" data-labelauty="Fried chicken"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Burritos"></li>
								<li><input type="checkbox" name="checkbox" data-labelauty="Cola"></li>
							</ul>
							<form id="bookingForm">
              <div style="margin-top:-30px;font-size:20px;color:black;">Review：</div>
						  <div style="margin-top:-35px;margin-bottom:-320px;margin-left:150px;height:500px;" class="tmTextarea">
								<textarea style="border:solid 1px rgb(180, 180, 180)" placeHolder="Write something……" data-constraints='@NotEmpty @Required @Length(min=20,max=999999)'></textarea>
							</div> 
									<div style="margin-top:-30px;font-size:20px;color:black;">Per capita：</div>
						  <div style="margin-top:-35px;margin-bottom:-420px;margin-left:150px;height:500px;" class="tmTextarea">
								<input style="border:solid 1px rgb(180, 180, 180);width:150px;" ></textarea>
							</div> 
							<div style="font-size:20px;color:black;">Upload Picture：</div>  
							<button style="margin-left:150px;margin-top:-20px;" class="" onclick="clickPhoto()">
									<span>Upload</span>
							</button>

							<input style="margin-top:40px;margin-left:400px;width:120px;height:30px;border:0;background-color:#e4664f;color:white;" type="button" value="Send">		
							</form>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="container">
    <div class="row">
      <div class="grid_12">  
        <div class="socials">
          <a href="#" class="fa fa-twitter"></a>
          <a href="#" class="fa fa-facebook"></a>
          <a href="#" class="fa fa-google-plus"></a>
          <a href="#" class="fa fa-pinterest"></a>
        </div>
        <div class="copyright"><span class="brand">Bliss </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>
        </div>
      </div>
    </div>
  </div> 
</footer> 
  <script>
  $(function (){
        $('#bookingForm').bookingForm({
            ownerEmail: '#'
        });
    })
    $(function() {
   $('#bookingForm input, #bookingForm textarea').placeholder();
  });
	</script>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/jquery.emojiRatings.js"></script>
	<script>
				$(function() {
					$("#element3").emojiRating({
							emoji: 'U+2B50',
							fontSize: 35,
							count: 5
							});
					 });
	</script>  
	<script>
		$(function() {
			$("#element2").emojiRating({
					emoji: 'U+2B50',
					fontSize: 35,
					count: 5
					});
			 });
	</script>  
	<script>
			$(function() {
				$("#element4").emojiRating({
						emoji: 'U+2B50',
						fontSize: 35,
						count: 5
						});
				 });
	</script>  
	<script>
	$(function() {
		$("#element1").emojiRating({
				emoji: 'U+2B50',
				fontSize: 35,
				count: 5
				});
		 });
    function clickPhoto() {
        $("#myPhotoModalLabel").text("更改图片");
        $('#myPhotoModal').modal();
    }
	</script>  
	<script>
				$(function() {
					$("#like").emojiRating({
							emoji: 'U+1F604',
							fontSize: 35,
							count: 1
							 });
						});
	</script>
	<script src="../js/jquery-labelauty.js"></script>
	<script>
	$(function(){
		$(':input').labelauty();
	});
	</script>
	
</body>
</html>

